<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>任务十四首页</title>

    <link rel="stylesheet" type="text/css" href="task14.css">
</head>
<body>
<header>

<div class="entire">

    <div class="row">

        <div class="wrap">

            <div class="phone">客观热线：010-594-78634</div>

                <div class="login">
                    <div class="WeChat"></div>
                    <div class="QQMusic"></div>
                    <div class="MicroBlog"></div>
                </div>

        </div>

        <div class="phone-r">
        <div>登录&nbsp;|&nbsp;注册</div>
        </div>

    </div>

</div>
<nav>


<div class="entire">

    <div class="row">


        <div class="main-nav">
             <div class="submenu">

                  <div class="title"></div>

                  <div  class="hidden">
                  <img alt="#" src="images/button.png">
                  </div>




        <ul class="r-side">

             <li><a href="task14.html" class="first">首页</a></li>
             <li><a href="task14-2.html" class="second">职业</a></li>
             <li><a href="task14-3.html" class="third">推荐</a></li>
             <li><a class="fourth">关于</a></li>

        </ul>




            </div>
            <div class="touch">

                <a href="task14.html">首页</a>
                <a href="task14-2.html">职业</a>
                <a href="task14-3.html">推荐</a>
                <a>关于</a>
            </div>


         </div>

    </div>


</div>


</nav>

</header>

<div class="main-a">

<section class="action">
    <ul>
        <li class="cartoon">
            <img alt="1" src="images/lf1.png">
        </li>

        <li>
            <img alt="2" src="images/lf2.png">
        </li>

        <li>
            <img alt="3" src="images/lf3.png">
        </li>

    </ul>
</section>



<div class="btn-a">
    <span style="background-color: white"></span>
    <span></span>
    <span></span>
    <div></div>
</div>


</div>


<!--主体部分-->

<div class="main">


<div class="entire">
    <div class="row">

     <div class="first-t  col-xs-12 col-sm-6 col-md-6 col-lg-3 ">

         <div class="package">
             <div class="rocket"></div>
         </div>

         <div class="text-one">高效</div>
         <div class="text-one">将五到七年的成长时间，缩短到一年到三年。</div>

     </div>

        <div class="first-t  col-xs-12 col-sm-6 col-md-6 col-lg-3">

            <div class="package">
                <div class="rocket-k"></div>
            </div>

            <div class="text-one">规范</div>
            <div class="text-one">标准的实战教程，不会走弯路</div>

        </div>

        <div class="first-t  col-xs-12 col-sm-6 col-md-6 col-lg-3">


            <div class="package">
                <div class="rocket-a"></div>
            </div>

            <div class="text-one">人脉</div>
            <div class="text-one">同班好友，同院学长，技术大师，
                入学就混入职脉圈，为以后铺平
                道路。</div>

        </div>

        <div class="first-s  col-xs-12 col-sm-6  col-md-6 col-lg-3 ">



                <div>

                    <div class="text-two">
                        <div class="portrait"></div>
                        <p class="and">12400</p>
                    </div>

                    <p class="p-two">累计在线学习人数</p>

                </div>



                <div class="spacing" >
                    <div class="text-two">
                        <div class="portrait"></div>
                        <p class="and">12400</p>
                    </div>

                    <p class="p-two ">学员已经找到满意工作</p>

                </div>

        </div>



    </div>
</div>


<h6>如何学习</h6>


<div class="entire">
    <div class="row">

        <div class="first-w  col-xs-12 col-sm-6  col-md-6 col-lg-3 ">
            <div class="col-box">
                 <div class="circle">1</div>
                 <span >匹配你现在的个人情况寻找适合自己的岗位</span>
                 <div class="r-point"></div>
             </div>
        </div>


        <div class="first-w  col-xs-12 col-sm-6  col-md-6 col-lg-3 ">
            <div class="col-box">
                <div class="circle">2</div>
                <span >了解职业前景薪金待遇、 竞争压力等</span>
                <div class="r-point"></div>
            </div>
        </div>


        <div class="first-w  col-xs-12 col-sm-6  col-md-6 col-lg-3 ">
            <div class="col-box">
                <div class="circle">3</div>
                <span >掌握行业内顶级技能</span>
                <div class="r-point"></div>
            </div>
        </div>


        <div class="first-w  col-xs-12 col-sm-6  col-md-6 col-lg-3 ">
            <div class="col-box">
                <div class="circle">4</div>
                <span >查看职业目标任务</span>
                <div class="r-point"></div>
            </div>
        </div>


        <div class="first-w  col-xs-12 col-sm-6  col-md-6 col-lg-3 ">
            <div class="col-box">
                <div class="circle">5</div>
                <span >参考学习资源，掌握技能点,逐个完成任务</span>
                <div class="r-point"></div>
            </div>
        </div>


        <div class="first-w  col-xs-12 col-sm-6  col-md-6 col-lg-3 ">
            <div class="col-box">
                <div class="circle">6</div>
                <span >加入班级，和小伙伴们互帮互助，一块学习</span>
                <div class="r-point"></div>
            </div>
        </div>


        <div class="first-w  col-xs-12 col-sm-6  col-md-6 col-lg-3 ">
            <div class="col-box">
                <div class="circle">7</div>
                <span >选择导师，一路引导， 加速自己成长</span>
                <div class="r-point"></div>
            </div>
        </div>


        <div class="first-w  col-xs-12 col-sm-6  col-md-6 col-lg-3 ">
            <div class="col-box">
                <div class="circle">8</div>
                <span >匹配你现在的个人情况寻找适合自己的岗位</span>
                <div class="r-point"></div>
            </div>
        </div>


      </div>

</div>

<h6>优秀学员展示</h6>


<div class="entire first-w">
    <div class="row">
        <div class="  col-xs-12 col-sm-6  col-md-6 col-lg-3 ">
            <div class="box-border">

                <div class="wrap1" ></div>
                <div style="font-size:18px; font-weight: 700; text-align: center;">技术顾问：罗大佑</div>
                <div class="wrap-color">百度技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理，负责技术研发、团队管理与建设。</div>

            </div>
        </div>


        <div class="  col-xs-12 col-sm-6  col-md-6 col-lg-3 ">
            <div class="box-border">

                <div class="wrap2" ></div>
                <div style="font-size:18px; font-weight: 700; text-align: center;">技术顾问：罗大佑</div>
                <div class="wrap-color" >百度技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理，负责技术研发、团队管理与建设。</div>

            </div>
        </div>


        <div class="  col-xs-12 col-sm-6  col-md-6 col-lg-3 ">
            <div class="box-border">

                <div class="wrap3" ></div>
                <div style="font-size:18px; font-weight: 700; text-align: center;">技术顾问：罗大佑</div>
                <div  class="wrap-color" >百度技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理，负责技术研发、团队管理与建设。</div>

            </div>
        </div>


        <div class="  col-xs-12 col-sm-6  col-md-6 col-lg-3 ">
            <div class="box-border">

                <div class="wrap4" ></div>
                <div style="font-size:18px; font-weight: 700; text-align: center;">技术顾问：罗大佑</div>
                <div  class="wrap-color" >百度技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理，负责技术研发、团队管理与建设。</div>

            </div>
        </div>


    </div>

</div>

<div class="box-wrap" >
    <span class="switchover"></span>
    <span class="switchover"></span>
    <span class="switchover"></span>
    <span class="switchover"></span>
</div>

<h6>战略合作企业</h6>



<div class="entire first-w">
    <div class="row">
        <div class="  col-xs-12 col-sm-6  col-md-6 col-lg-5 ">
            <div class="enterprise-wrap">
                <div class="enterprise-one"></div>
            </div>
        </div>

        <div class="  col-xs-12 col-sm-6  col-md-6 col-lg-5 ">
            <div class="enterprise-wrap">
                <div class="enterprise-two"></div>
            </div>
        </div>

        <div class="  col-xs-12 col-sm-6  col-md-6 col-lg-5 ">
            <div class="enterprise-wrap">
                <div class="enterprise-three"></div>
            </div>
        </div>

        <div class="  col-xs-12 col-sm-6  col-md-6 col-lg-5 ">
            <div class="enterprise-wrap">
                <div class="enterprise-four"></div>
            </div>
        </div>

        <div class="  col-xs-12 col-sm-6  col-md-6 col-lg-5 ">
            <div class="enterprise-wrap">
                <div class="enterprise-five"></div>
            </div>
        </div>


    </div>
</div>


</div>

<footer>


    <div class="entire first-n">

        <h6 style="margin: 0;">友情链接</h6>


            <div class="row">

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>教师招聘</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                       <li><a>找工作</a></li>
                   </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>手机软件</a></li>
                    </ul>
                </div >

                <div class="col-xs-6 col-md-3 col-lg-10">
                    <ul>
                        <li><a>教师招聘</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>手机软件</a></li>
                    </ul>
                </div >

                <div class="col-xs-6 col-md-3 col-lg-10">
                    <ul>
                        <li><a>教师招聘</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>找工作</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>教师招聘</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>手机软件</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>教师招聘</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>教师招聘</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>找工作</a></li>
                    </ul>
                </div >

                <div class="col-xs-6 col-md-3 col-lg-10">
                    <ul>
                        <li><a>手机软件</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>教师招聘</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>找工作</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>手机软件</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>教师招聘</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>找工作</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>教师招聘</a></li>
                    </ul>
                </div >

                <div class="col-xs-6  col-md-3 col-lg-10">
                    <ul>
                        <li><a>找工作</a></li>
                    </ul>
                </div >



            </div>
        </div>









    <div class=" first-m">
        <div class="row">

            <div class="col-xs-12 col-md-4 ">

                <div >技能树 — 改变你我</div>
                <br><br>

                <div class="row-1">
                    <a class="link-d">
                        <div>关于我们&nbsp;|</div>
                    </a>

                    <a class="link-d"><div>&nbsp;联系我们&nbsp;|</div></a>

                    <a class="link-d">
                        <div>&nbsp;合作企业</div>
                    </a>

                </div>
                <br><br>

            </div>

            <div class="col-xs-12 col-md-5">
                <div>旗下网站</div>
                <br><br>

                <div class="row-1">
                    <a class="link-d"> <div>草船云孵化器</div></a>&nbsp;
                    <a class="link-d"><div>最强IT特训营</div></a><br><br>
                </div>

                <div class="row-1">
                    <a class="link-d"> <div>葡萄藤轻游戏</div></a>&nbsp;
                    <a class="link-d"> <div>桌游精灵</div></a>
                    <br><br>
                </div>
            </div>

            <div class="col-xs-12 col-md-3">
                <div>
                    <div class="t-code">微信公众号</div>
                    <div class="code"></div>
                </div>
            </div>


        </div>
    </div>




    <div class="box-footer">
        <p class="box-1">
            Copyright © 2015技能树 www.jnshu.com  All Rights Reserved | 京ICP
        </p>
    </div>



</footer>













</body>
</html>